﻿<UserControl x:Class="FlickrSample.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:Navigation="clr-namespace:XamlingCore.SL.Controls.Navigation;assembly=XamlingCore.SL.Controls" xmlns:controls="clr-namespace:XamlingCore.SL.Controls.Content;assembly=XamlingCore.SL.Controls" xmlns:Loader="clr-namespace:FlickrSample.View.Loader" xmlns:Common="clr-namespace:FlickrSample.View.Common" mc:Ignorable="d"
    d:DesignHeight="915.5" d:DesignWidth="635">

    <Grid x:Name="LayoutRoot">
    	<Grid.Background>
    		<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    			<GradientStop Color="#FF333333" Offset="0"/>
    			<GradientStop Color="Black" Offset="1"/>
    			<GradientStop Color="#FF5A5A5A" Offset="0.504"/>
    			<GradientStop Color="#FE4E4D4D" Offset="0.504"/>
    		</LinearGradientBrush>
    	</Grid.Background>
    	<Border Width="480" Height="600" HorizontalAlignment="Center" VerticalAlignment="Center" BorderBrush="#FF8B8B8B" BorderThickness="1" Clip="M0.5,0.50000381 L479.5,0.50000381 L479.5,599.5 L0.5,599.5 z">
    		<Border.Background>
    				<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    			<GradientStop Color="#FF505050" Offset="0"/>
    			<GradientStop Color="Black" Offset="1"/>
    			<GradientStop Color="#FF606060" Offset="0.504"/>
    			<GradientStop Color="#FE525252" Offset="0.504"/>
    		</LinearGradientBrush>
    		</Border.Background>
    		
            <Grid>              
                
                <Common:BackBar/>

                <Navigation:XNavigationFrame ContentTemplateSelector="{StaticResource ContentTemplateSelector}" Style="{StaticResource PhoneTransitionTemplate}" VerticalAlignment="Top" Margin="0,55,0,0"/>

                <controls:XTransitionContentControl Content="{Binding IsLoading}" Style="{StaticResource LoadContentControlTemplate}">
                    <controls:XTransitionContentControl.ContentTemplate>
                        <DataTemplate>
                            <Grid Background="#69000000">
                                <Border Background="Transparent" CornerRadius="10" Width="159" Height="78">
                                    <Loader:SpinnyLoaderThingo/>
                                </Border>
                            </Grid>
                        </DataTemplate>
                    </controls:XTransitionContentControl.ContentTemplate>
                </controls:XTransitionContentControl>
            </Grid>
            
        </Border>
        
    </Grid>
</UserControl>
